#index {
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
}
#index .index_box_bottom {
	width:96%;
	text-align:center;
	position:absolute;
	left:2%;
	right:2%;
	bottom:20px;
}
#index .index_box_top {
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:80px;
	background:#000;
	opacity: 0.8;
}
#index .index_box_img {
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:80px;
	background:#fff url('../img/logo.png') no-repeat;
	background-size: 200px ;
	background-position:center top;
}
#index .index_box_top img {
	width:180px;
}
#index {
	background:url('../img/loading.jpg') no-repeat;
	background-size: 100% 100%;
	background-position:center top;
}
@media screen and (max-width: 640px) {
 #index .joinus, #index .signin {
 width:45%;
 margin:0 2%;
}
}
 @media screen and (min-width: 640px) {
 #index {
 background:url('../img/ipad_loading.jpg') no-repeat;
 background-size: 100% 100%;
 background-position:center top;
}
 #index .joinus, #index .signin {
 width:280px;
 margin-left:30px;
}
 #index .index_box_bottom {
 bottom:80px;
}
}
@media screen and (max-height:568px) {
 #index {
 background: url('../img/loading.jpg') no-repeat;
 background-size:100% auto;
 background-position:center center;
}
}

/*----bert star on 2014/11/20----*/
.btn-blue{
	cursor:hander;
	cursor:pointer;
	color:#fff;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight:bold;
	background: #7cc4f2;
	border:1px solid #7cc4f2;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	color: #fff;
	background: #7cc4f2;
	border:1px solid #7cc4f2;
}
.btn-nocolor{
	cursor:hander;
	cursor:pointer;
	color:#fff;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight:bold;
	border:1px solid #fff;
	background:none;
}

.btn-nocolor:hover, .btn-nocolor:focus, .btn-nocolor:active {
	color: #fff;
	background:none;
	border:1px solid #fff;
}
@media screen and (min-width: 640px) {
.btn-blue{
	background:none;
	border:1px solid #fff;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	color: #fff;
	background:none;
	border:1px solid #fff;
}
.btn-nocolor{
	background: #7cc4f2;
	border:1px solid #7cc4f2;
}

.btn-nocolor:hover, .btn-nocolor:focus, .btn-nocolor:active {
	color: #fff;
	background: #7cc4f2;
	border:1px solid #7cc4f2;
}
}
.pageDialog .payContent .divc span{
	background:#7cc4f2;
}
.pageDialog .payContent .diva{
	color:#4dbc6b;
}
/*----bert end on 2014/11/20----*/
